html,body{
    background-color: #eee;
}
.task{
    height:1.08rem;
    width:100%;
    border-bottom: .2rem solid #eee;
}
.tasts{
    height:.88rem;
    width:64%;
    margin: 0 auto;
    line-height: .88rem;
}
.sent{
    font-size:.3rem;
    color:#999;
}
.sents{
    font-size:.3rem;
    font-weight: 500;
    color:#333;
    float:right;
}
.content{
    height:1.52rem;
    border-bottom: .01rem solid #ddd;
    margin:.28rem .3rem 0 .3rem;

}
.tupian{
    margin-right:.24rem;
    display: inline-block;
}
.tupians{
    width:1.6rem;
    height:1.18rem;
    display: inline-block;
}
.character{
    height: 1.18rem;
    display: inline-block;
    width:72%;
}
.characters{
    font-size: .3rem;
    font-weight:500;
    color:#333;
    margin-top:.2rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}
.without{
    height:.98rem;
    width:100%;
    line-height: .98rem;
    text-align: center;
    color:#666;
    font-size:.28rem;
}